<template>
  <div class="demo-title">toast/demo2</div>
  <div class="demo">
    <div class="sscd-demo-row" @click="showText()">距底10%</div>
  </div>
</template>
<script lang="ts" setup>
  import Toast from '@sscd-mobile/toast'
  const showText = () => Toast.show({ text: '距底10%', bottom: '10%' })
</script>
<style lang="less" scoped>
  .demo {
    padding: 0 12px;
  }
</style>
